<template>
      <div class="row justify-content-center">
            <div class="col-xl-4 col-lg-6 col-md-8">
                <div class="discount-item mb-20">
                    <div class="discount-thumb">
                        <img src="img/product/discount_img01.jpg" alt="">
                    </div>
                    <div class="discount-content">
                        <span>healthy food</span>
                        <h4 class="title"><a href="shop.html">100 organic UP TO 35%</a></h4>
                        <a href="shop.html" class="btn">shop now</a>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-8">
                <div class="discount-item mb-20">
                    <div class="discount-thumb">
                        <img src="img/product/discount_img02.jpg" alt="">
                    </div>
                    <div class="discount-content">
                        <span>healthy food</span>
                        <h4 class="title"><a href="shop.html">Hygienically Packed</a></h4>
                        <a href="shop.html" class="btn">shop now</a>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-8">
                <div class="discount-item style-two mb-20">
                    <div class="discount-thumb">
                        <img src="img/product/discount_img03.jpg" alt="">
                    </div>
                    <div class="discount-content">
                        <span>healthy food</span>
                        <h4 class="title"><a href="shop.html">baby favorite UP TO 15%</a></h4>
                        <a href="shop.html" class="btn">shop now</a>
                    </div>
                </div>
            </div>
        </div>
</template>

<script>
export default {

}
</script>

<style>

</style>